<template>
  <div class="about">
    <van-button type="primary" block></van-button>
    <van-button type="primary">主要按钮</van-button>
    <van-button type="info">信息按钮</van-button>
    <van-button type="default">默认按钮</van-button>
    <van-button type="warning">警告按钮</van-button>
    <van-button type="danger">危险按钮</van-button>
    <van-tabbar v-model="active"> 
      <van-tabbar-item icon="home-o" to="/#">首页</van-tabbar-item>
      <van-tabbar-item icon="add-o" to="/publish"> 发布</van-tabbar-item>
      <van-tabbar-item icon="manager-o">我的</van-tabbar-item>
    </van-tabbar>
    <van-calendar v-model="show" color="green"  />
  </div>
</template>
<script>
import {Calendar,} from 'vant';
console.log(Calendar)

export default {
  data(){
    return{
      show:true
    }
  },
  mounted(){
    this.getData()
  },
  methods:{
    getData(){
      getCateList({
        index:2
      }).then(res=>{
        console.log(res)
      })
    }
  },
  components:{
    [Calendar.name]:Calendar
    
    // "组件的名字":Calendar
  }
}
</script>
